<template>
  <div>
    <NavigationBar></NavigationBar>
    <SideBar @getValue="getValue"></SideBar>
    <div class="box-box">
      <router-view></router-view>

      <!-- <VideoBox :video_url="url" @downVideo="upVideo" @upVideo="downVideo" ></VideoBox> -->

      <!-- <RecommendBox ></RecommendBox>
      <RegardBox ></RegardBox>
      <SortBox ></SortBox> -->
    </div>
  </div>
</template>
<script setup>
import NavigationBar from "../../components/navigationBar.vue";
import SideBar from "../../components/sideBar.vue";
import VideoBox from "./videoBox.vue";
import { inject, onMounted, reactive, ref } from "vue";
import { useRouter } from "vue-router";
//axios
const $axios = inject("$axios");
const url = ref("");
//@wds
//页面切换
// 不知道怎么写，用最low的办法了

const isActive = ref(1);

const router = useRouter();

function getValue(value) {
  // console.log(value);
  if (value == 1) {
    router.push({
      name: "videoBox",
    });
  }else if( value == 2){
    router.push({
      name: "recommendBox",
    });
  }else if(value == 3){
    router.push({
      name: "regardBox",
    });
  }else if(value == 4){
    router.push({
      name: "sortBox",
    });
  }
}
</script>
<style  scoped>
.combox {
  display: none;
}

.active {
  display: block;
}
</style>